<!--
 * @Description: 
 * @Author: charles
 * @Date: 2021-07-19 10:03:59
 * @LastEditors: flora
 * @LastEditTime: 2021-10-07 18:08:05
-->
<template>
  <div>
    <div class="wrapper">
      <hr>
      <span>© 2005－2021 douban.com, all rights reserved 北京豆网科技有限公司</span>
      <ul>
        <li>关于我们</li>
        <li>工作</li>
        <li>联系我们</li>
        <li>法律声明</li>
        <li>帮助中心</li>
        <li>移动应用</li>
        <li>豆瓣广告</li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  
}
</script>

<style lang="scss" scoped>
.wrapper{
  width: 70%;
  hr{
    border: 1px dashed #f1f1f1;
  }
  span{
    color: #999;
    font-size: 13px;
  }
  ul{
    float: right;
    color: #3b86b3;
    font-size: 13px;
      li{
        float: left;
        padding: 0 10px;
      }
      li:hover{
        color: #f0f3f5;
        background-color: #3f6ba6;
      }
  }
}
</style>